﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" Inherits="game1" Codebehind="game1.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link rel="stylesheet" href="style/style.css" type="text/css" />
<link href="style/jquery-ui-1.8.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/jQueryUI/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="script/Partofspeech.js"></script>
<script type="text/javascript" src="script/gamesPartOfSpeech.js"></script>
<script type="text/javascript">
function normal_state()
		{
			$("#wait").show();
			$("#validation").hide();
			$("#err_validation").hide();
		}
		
normal_state();

</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="gameArea">

            <ul class="categories" style="position:relative;">
               <li class="ui-state-hover" id="P" style="left:10px; top:10px;">pronome</li>
               <li class="ui-state-hover" id="B" style="right:10px; top:170px;">avverbio</li>
               <li class="ui-state-hover" id="A" style="right:10px; top:10px;">aggettivo</li>
               <li class="ui-state-hover" id="E" style="left:10px; top:170px;">preposizione</li>
               <li class="ui-state-hover" id="I" style="right:10px; top:330px;">interiezione</li>
               <li class="ui-state-hover" id="N" style="left:140px; top:10px;">numero</li>
               <li class="ui-state-hover" id="PU" style="left:257px; top:10px;">punteggiatura</li>
               <li class="ui-state-hover" id="R" style="right:140px; top:330px;">articolo</li>
               <li class="ui-state-hover" id="S" style="left:10px; top:330px;">nome</li>
               <li class="ui-state-hover" id="C" style="left:257px; top:330px">congiunzione</li>
               <li class="ui-state-hover" id="SA" style="left:140px; top:330px">abbreviazione</li>
               <li class="ui-state-hover" id="V" style="right:140px; top:10px;">verbo</li>
            </ul>
           <div id="spaceFrase">
               <div id="space" style="width:200px; border:1px solid #000; margin:5px; margin-right:0px; height:193px; float:left;">
                  <div id="gameInit">
                    <a id="gioca" class="pulsante">Gioca</a>
                  </div>
               </div>
               <div id="myScore">
                  score
               </div>
               <div style="width:155px; border:1px solid #000; margin:5px; height:193px; float:left; background-color:White; position:relative">
                  <div id="err_validation" style="margin:0px;">
                     <img src="images/err_validation.gif" height="100" alt="err_validation"  />
                  </div>
                  <div id="validation" style="margin:0px;">
                     <img src="images/validation.gif" height="100" alt="validation" />
                  </div>
                  <div id="wait" style="margin-top:0px;">
                     <img src="images/wait.gif" height="100" alt="wait"/>
                  </div>
               </div>
              <!--<div id="response" ></div>-->
            </div>
            <div id="nextChallenge">

            <a id="continua" class="pulsante">Continua</a> 
            </div>
            <div id="sendAnswer" >

                <a id="invia" class="pulsante">Invia</a> 
            </div>
         </div>
</asp:Content>